<template>
    <view>
        <!-- pages/wallet/mingximsg.wxml -->
        <header name="明细详情" :type="1"></header>
        <image src="/static/qian.png" mode="aspectFit" class="mlogo"></image>
        <text class="text1">{{ info.title }}</text>
        <text class="text2">{{ info.money }}</text>
        <view class="listmsg">
            <view>
                <text>类型</text>
                <text>{{ info.type }}</text>
            </view>
            <view>
                <text>时间</text>
                <text>{{ info.ctime }}</text>
            </view>
            <view>
                <text>余额</text>
                <text>￥{{ info.yue }}</text>
            </view>
            <view>
                <text>交易单号</text>
                <text>{{ info.orderid }}</text>
            </view>
        </view>
    </view>
</template>

<script>
import header from '../../components/header/headerBar.vue';
// pages/wallet/mingximsg.js
const app = getApp();
export default {
    components: {
        header
    },
    data() {
        return {
            id: '',

            info: {
                title: '',
                money: '',
                type: '',
                ctime: '',
                yue: '',
                orderid: ''
            }
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        this.setData({
            id: options.id
        });
        this.init();
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        init() {
            var _this = this;

            app.globalData
                .http()
                .acc_liushui_info({
                    id: this.id
                })
                .then((res) => {
                    _this.setData({
                        info: res.data
                    });
                })
                .catch((res) => {});
        }
    }
};
</script>
<style lang="scss"> @import 'main.scss';
@import './mingximsg.scss';
</style>
